<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>生生堂-商品分类推荐</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/goods.css">
    <link rel="stylesheet" href="/css/details.css">
</head>

<body>
    <header></header>
    <div class="nulldiv"></div>
    <div class="main">
            <script type="text/html" id="remenhot">
                <p>{{cname}}</p>
            </script>
        <!-- 主体内容 -->
        <div class="ibox">
            <!-- 分类列表 -->
            <div class="ifl">
                <p>所有产品分类</p>
                <ul class="navlf" id="tabList">
                </ul>
                <script type="text/html" id="tabListTp">
                    {{each list shop}}
                    <li> 
                        <a href="/html/details.html?id={{shop.id}}" >{{shop.name}}</a> 
                    </li>
                    {{/each}}
                </script>
            </div>

            <!-- 商品 -->
            <div class="ifr">
                <img src="/img/v5ECqtsGEM4r.jpg" alt="">
            </div>
        </div>
        <div class="Beauty" id="note">

        </div>
        <script type="text/html" id="notelist">
           <h3> ————————————&nbsp;&nbsp;{{cname}}&nbsp;&nbsp;————————————</h3>
        </script>
        <div class="shoplist" id="shopList">

        </div>
        <script type="text/html" id="rendershoplist">
            {{each list render}}
            <a href="/html/shopping.html?id={{render.id}}" >
                <dl>
                    <dt>
                        <img src="{{render.image}}" alt="">
                    </dt>
                    <dd>
                        <h4>￥{{render.price}}</h4>
                        <span>￥{{render.originPrice}}</span>
                        <!-- <br> -->
                        <p>{{render.title}}</p>
                        <p>
                            销量：{{render.saleNum}}
                        </p>
                    </dd>
                </dl>
            </a>
            {{/each}}
        </script>
    </div>
    <footer></footer>
    <script src="/libs/require/require.js" data-main="/js/details"></script>
</body>

</html>